<template>
    <div class="cart-list">
      <scroll ref="scroll" class="cart-content" :probeType="3" :pullUpLoad="true">
        <cart-list-item v-for="(item,index) in this.$store.state.cartList" :key="index" :product="item"></cart-list-item>
      </scroll>
    </div>
</template>

<script>
import Scroll from "../../../components/common/scroll/Scroll"
import CartListItem from "./CartListItem"

export default {
    components:{
        Scroll,
        CartListItem,
    },
    activated() {
      this.$refs.scroll.bs.refresh()
    },
}
</script>

<style scoped>
    .cart-list {
        height: calc(100vh - 44px - 49px - 34px);
    }
    .cart-content {
        height: 100%;
        overflow: hidden;
    }
</style>